<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="../../js/mui.min.js"></script>
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link href="../../css/share/common.css" rel="stylesheet" />
		<link href="../../css/chat/friendDetail.css" rel="stylesheet" />

	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left header-left"></a>
			<a class="mui-icon  mui-pull-right header-right-text"></a>
			<h1 class="mui-title">详细资料</h1>
		</header>
		<div class='mui-content'>
			<div id="main">
				<div class="main_con box_orient_h">
					<div class="main_img">
						<img src={{accountMes.headImg}} />
					</div>
					<div class="main_content flex-b">
						<div class="main_name">
							{{accountMes.nickname}}
						</div>
						<a class="btn" v-on:click="openPage()">标签</a>
					</div>
				</div>
				<ul class="main_ul">
					<li class="main_are">
						<span class="biaoti"> 地区 </span> {{accountMes.address}}
					</li>
					<li>
						<span class="biaoti"> 个性签名 </span> {{accountMes.signature}}
					</li>
				</ul>
				<div class="main_qianming clearfix">
					<div class="title pull_left">
						标签
					</div>
					<div class="tagcon">
						<a class="btn_block" v-for="tag in accountMes.tagList">{{tag.name}}({{tag.tagcount}})</a>
					</div>
				</div>
				<div class="mbtn">
					<button class="btn_mess" id="btnMy" onclick="clearFriend()">
						清除聊天记录
					</button>
				</div>
			</div>
		</div>
	</body>
	<script src="../../js/vue.min.js"></script>
	<script src="../../js/vue-resource.min.js"></script>
	<script src="../../js/md5.js"></script>
	<script src="../../js/localData.js"></script>
	<script src="../../js/request.js"></script>
	<script src="../../script/chat/friendDetail.js"></script>

</html>